<template>
  <div class="pane" v-show="show">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "pane",
  props: {
    /**起初没有定义name属性时，默认值为0,导致错误的集合{label:'账号',name:'0'} */
    name: {
      type: String
    },
    label: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      show: true
    };
  },
  methods: {
    updateActive() {
      this.$parent.updateActive();
    }
  },
  mounted() {
    /**
     * 初始化加载页面或者刷新时:
     * 执行的顺序: 父(父组件 tabs created)--->子(子组件 pane created)---->子---->父 (先执行子组件 pane mounted---> 父组件 tabs mounted)
     */
    this.updateActive();
  }
};
</script>
<style lang="stylus" scoped></style>